<!-- 上传图片弹窗 -->
<template>
  <el-dialog
    class="gl_dialog_TitleLine"
    width="980px"
    title="上传图片"
    :append-to-body="true"
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
  >
    <photo-cropper ref="photoCropper" :option="option" height="375px" />
  </el-dialog>
</template>
<script>
import photoCropper from '@/components/PhotoCropper';
export default {
  name: 'PhotoCropperDialog',
  components: {
    photoCropper
  },
  data() {
    return {
      dialogVisible: false,
      option: {
        img: ''
      }
    };
  },
  methods: {
    open() {
      this.dialogVisible = true;
    }
  }
};
</script>
